<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ include file="/common/taglibs.jsp"%>
 <input type="hidden" name="organizations/organization[0]/sequence_no" value="1" >
<input type="hidden" name="organizations/organization[0]@submit_org" value="1" >
<input type="hidden" name="organizations/organization[0]/org_code" value="<x:out select="$xmlData/data/organizations/organization[@submit_org=1]/org_code"/>" >
<div class="t_bar"><span class="color_red">*</span>实验动物笼器具来源及质量保障</div>
	<!-- isShow11() 可用-->
<table  id="check6" cellpadding="0" class="table01 t_css" width="100%" border="0" cellpadding="0" style="*border-bottom: #a1c0dc 1px solid;">
<tr>
<td style="width:15%">实验动物笼器具来源:</td>
<td style="width:85%">
  <label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="radio" class="do " id="coop_resource_01" style="vertical-align: middle;" name="coop_resource" label="购买" value="01" onchange="isShow11()"/><span style="vertical-align: middle;">购买</span></label> 
	<label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="radio" class="do " id="coop_resource_02" style="vertical-align: middle;" name="coop_resource" label="非购买" value="02" onchange="isShow11(this)"/><span style="vertical-align: middle;" onchange="isShow11()">非购买</span></label>
	<input type="hidden" name="proposal/coop_resource_value" id="coop_resource_value" class="required" value="<x:out select="$xmlData/data/proposal/coop_resource_value" />" label="实验动物笼器具来源 " /> 
	<input type="hidden" name="proposal/coop_resource_name" id="coop_resource_name" value="<x:out select="$xmlData/data/proposal/coop_resource_name" />" label="实验动物笼器具来源 " /></td>
</td>
</tr>
</table>



<script type = "text/javascript">
function isShow11(){
	if ($("#coop_resource_value").val() == "01"){
		//alert($(obj).val());
		
		$("#div1").find("tr:gt(1)").find("td:gt(1)").find("input").each(function(){
			if($(this).attr("name").indexOf("name")==-1){
				$(this).addClass("required");
			}
		});
		
		$("#div2").find("tr:gt(1)").find("td:gt(1)").find("input").each(function(){
			if($(this).attr("name").indexOf("name")==-1){
			$(this).removeClass("required");
			}
		});
		
		
		$("#div1").css("display","");
		$("#div2").hide();
		
	}else{
		
		
		$("#div2").find("tr:gt(1)").find("td:gt(1)").find("input").each(function(){
			if($(this).attr("name").indexOf("name")==-1){
				$(this).addClass("required");
			}
		});
		
		$("#div1").find("tr:gt(1)").find("td:gt(1)").find("input").each(function(){
			if($(this).attr("name").indexOf("name")==-1){
			$(this).removeClass("required");
			}
		});
		
		$("#div2").css("display","");
		$("#div1").hide();	
		

	}
}

$(document).ready(function(){
isShow11();
});

</script>




<!-- 购买的填写下表，提供产品质量合格证明 -->
<div id = 'div1' style="display: none">
<table  id="tblMileStones10" cellpadding="0" class="table01 t_css" width="100%" border="0" cellpadding="0" style="*border-bottom: #a1c0dc 1px solid;">
   <thead >
					<tr style="border:1px solid #B7D1E6">
					  <th class="TblHead" align="center"  width="5%">选择</th>
						<th class="TblHead" align="center"  width="5%">序号</th>
						<th class="TblHead" align="center"  width="30%">笼具类型</th>
						<th class="TblHead" align="center"  width="20%">购买时间</th> 
						<th class="TblHead" align="center"  width="40%">购买单位提供的质量证明</th> 
					</tr>
		</thead>
		
		
		
    <tbody id="tab">
		      <tr style="display:none">

            <td align="center">
							<input type="radio" class="radiobutton" name="selMileStones10" >
						</td>

						<td align="center">
							<span name="milestones10|milestone[0]@seq_no" >[index]</span> 
						</td>
						
						<td align="center">
						  <input type="text"  id="content1[0]" name="milestones10|milestone[0]|content1" label="笼具类型"  maxlength="10"
						         class="required input_text"  value=""  style="width:80%"/>
						</td>
						
		
		        <td align="center">
							<input  id="milestone_date_[0]" name="milestones10|milestone[0]|date" value="" class=" required input_text date" style="width:70px" label="购买时间" />
						</td>
	
	          <td>
	          </td>
		</tr>
		

	   	    <c:set value="0" var="index" scope="page"/>
					<x:forEach select="$xmlData/data/milestones10/milestone" var="milestone">
					
					<c:choose>
						<c:when test="${index<10}" ><c:set value="0" var="flag" scope="page"/></c:when>
						<c:otherwise><c:set value="" var="flag" scope="page"/></c:otherwise>
					</c:choose>
					<tr>
					
					  <td align="center">
							<input type="radio" class="radiobutton" name="selMileStones10" >
						</td>
					
					
						<td align="center">
							<span   name="milestones10/milestone[${flag}${index}]@seq_no"><x:out select="$milestone/@seq_no"/></span> 
						</td>
						
						<td align="center">
						    <input type="text"  id="content1[${flag}${index}]" label="笼具类型"  maxlength="10"  name="milestones10/milestone[${flag}${index}]/content1"
						           value="<x:out select="$milestone/content1"/>"   style="width:80%"   class="required input_text"/>
						</td>
		
						<td align="center">
							<c:set var="date" scope="page"><x:out select="$milestone/date"/></c:set>
							<input  id="milestone_date_[${flag}${index}]" value="${date}" label="购买时间" name="milestones10/milestone[${flag}${index}]/date" class="required date input_text"  style="width:70px"/> 
						</td>
					
						<td align="center">
		        </td>
		        
					</tr>
					<c:set value="${index+1}" var="index" scope="page"/>
					</x:forEach>
					<script type="text/javascript">
						showAllDateTag("tblMileStones10");
					</script>
				</tbody>
				

</table>
<br/>

<table width="98%" align="center">
					<tr ><td>
					<input class="button" name="cmdAddbefore" type=button value="添加" onclick="if(checkTabLimit('tblMileStones10',8,'实验动物笼器具来源及质量保障最多只能填写8条')){addNewRow('tblMileStones10');showDateTag('tblMileStones10');}try{top.resizeFrame();}catch(e){};">
					<input class="button" name="cmdMovePrev" type=button value="上移" onclick="movePrev('tblMileStones10','selMileStones10')">
					<input class="button" name="cmdMoveNext" type=button value="下移" onclick="moveNext('tblMileStones10','selMileStones10')">
					<input class="button" name="cmddel" type=button  value="删除" onclick="deleteSelectedRow('tblMileStones10','实验动物环境设施质量保障')">
					</td></tr>
</table>
<p>注：1、笼器具的材质必须满足国家标准GB14925的8.1.1要求。各单位可根据自己的情况增加实验动物笼器具质量控制要求。<br/>
<span style="visibility: hidden">注：</span>2、笼器具大小应满足GB14925的8.1.3要求，满足动物福利要求和操作要求。<br/>
<span style="visibility: hidden">注：</span>3、每年购买新的笼具需要填写。</p>
<br/>
</div>



<!-- 非购买的填写下表 -->
<div id = "div2" style="display: none">
<table  id="tblMileStones11" cellpadding="0" class="table01 t_css" width="100%" border="0" cellpadding="0" style="*border-bottom: #a1c0dc 1px solid;">
   <thead >
					<tr style="border:1px solid #B7D1E6">
					  <th class="TblHead" align="center"  width="5%">选择</th>
						<th class="TblHead" align="center"  width="5%">序号</th>
						<th class="TblHead" align="center"  width="20%">笼具类型</th>
						<th class="TblHead" align="center"  width="20%">材质检测项目</th>
						<th class="TblHead" align="center"  width="15%">材质检测时间</th> 
						<th class="TblHead" align="center"  width="25%">笼具长*宽*高</th> 
						<th class="TblHead" align="center"  width="10%">饲养动物数量</th> 
					</tr>
		</thead>
		
		
		
    <tbody id="tab">
		      <tr style="display:none">

            <td align="center">
							<input type="radio" class="radiobutton" name="selMileStones11" >
						</td>

						<td align="center">
							<span name="milestones11|milestone[0]@seq_no" >[index]</span> 
						</td>
						
						<td align="center">
						  <input type="text"  id="content1[0]" name="milestones11|milestone[0]|content1" label="笼具类型"  maxlength="10"
						         class="required input_text"  value=""  style="width:80%"/>
						</td>
						
		        <td align="center">
						  <input type="text"  id="content2[0]" name="milestones11|milestone[0]|content2" label="材质检测项目"  maxlength="10"
						         class="required input_text"  value=""  style="width:80%"/>
						</td>
		
		        <td align="center">
							<input  id="milestone_date_[0]" name="milestones11|milestone[0]|date" value="" class=" required input_text date" style="width:70px" label="材质检测时间" />
						</td>
	
	          <td align="center">
						  <input type="text"  id="content3[0]" name="milestones11|milestone[0]|content3" label="笼具长*宽*高"   maxlength="20"
						         class="required input_text"  value=""  style="width:80%"/>
						</td>
	
	          <td align="center">
						  <input type="text"  id="content4[0]" name="milestones11|milestone[0]|content4" label="饲养动物数量"   maxlength="5"
						         class="required input_text"  value=""  style="width:80%"/>
						</td>
	         
		</tr>
		

	   	    <c:set value="0" var="index" scope="page"/>
					<x:forEach select="$xmlData/data/milestones11/milestone" var="milestone">
					
					<c:choose>
						<c:when test="${index<10}" ><c:set value="0" var="flag" scope="page"/></c:when>
						<c:otherwise><c:set value="" var="flag" scope="page"/></c:otherwise>
					</c:choose>
					<tr>
					
					  <td align="center">
							<input type="radio" class="radiobutton" name="selMileStones11" >
						</td>
					
					
						<td align="center">
							<span   name="milestones11/milestone[${flag}${index}]@seq_no"><x:out select="$milestone/@seq_no"/></span> 
						</td>
						
						<td align="center">
						    <input type="text"  id="content1[${flag}${index}]" label="笼具类型"  maxlength="10"  name="milestones11/milestone[${flag}${index}]/content1"
						           value="<x:out select="$milestone/content1"/>"   style="width:80%"   class="required input_text"/>
						</td>
						
						
						<td align="center">
						    <input type="text"  id="content2[${flag}${index}]" label="材质检测项目"  maxlength="10"  name="milestones11/milestone[${flag}${index}]/content2"
						           value="<x:out select="$milestone/content2"/>"   style="width:80%"   class="required input_text"/>
						</td>
						
		
						<td align="center">
							<c:set var="date" scope="page"><x:out select="$milestone/date"/></c:set>
							<input  id="milestone_date_[${flag}${index}]" value="${date}" label="材质检测时间" name="milestones11/milestone[${flag}${index}]/date" class="required date input_text"  style="width:70px"/> 
						</td>
					
						<td align="center">
						    <input type="text"  id="content3[${flag}${index}]" label="笼具长*宽*高"    maxlength="20"  name="milestones11/milestone[${flag}${index}]/content3"
						           value="<x:out select="$milestone/content3"/>"   style="width:80%"   class="required input_text"/>
						</td>
		        
		        
		        <td align="center">
						    <input type="text"  id="content4[${flag}${index}]" label="饲养动物数量"     maxlength="5"  name="milestones11/milestone[${flag}${index}]/content4"
						           value="<x:out select="$milestone/content4"/>"   style="width:80%"   class="required input_text"/>
						</td>
						
					</tr>
					<c:set value="${index+1}" var="index" scope="page"/>
					</x:forEach>
					<script type="text/javascript">
						showAllDateTag("tblMileStones11");
					</script>
				</tbody>
</table>
<br/>

<table width="98%" align="center">
					<tr><td>
					<input class="button" name="cmdAddbefore" type=button value="添加" onclick="if(checkTabLimit('tblMileStones11',8,'实验动物笼器具来源及质量保障最多只能填写8条')){addNewRow('tblMileStones11');showDateTag('tblMileStones11');}try{top.resizeFrame();}catch(e){};">
					<input class="button" name="cmdMovePrev" type=button value="上移" onclick="movePrev('tblMileStones11','selMileStones11')">
					<input class="button" name="cmdMoveNext" type=button value="下移" onclick="moveNext('tblMileStones11','selMileStones11')">
					<input class="button" name="cmddel" type=button  value="删除" onclick="deleteSelectedRow('tblMileStones11','实验动物环境设施质量保障')">
					</td></tr>
</table>
<p>注：1、笼器具的材质必须满足国家标准GB14925的8.1.1要求。各单位可根据自己的情况增加实验动物笼器具质量控制要求。<br/>
<span style="visibility: hidden">注：</span>2、笼器具大小应满足GB14925的8.1.3要求，满足动物福利要求和操作要求。<br/>
<span style="visibility: hidden">注：</span>3、每年购买新的笼具需要填写。</p>
<br/>
</div>